<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-15">
		<title>Defensia</title>
		<link rel="stylesheet" type="text/css" href="./res/general.css">
		<link rel="stylesheet" type="text/css" href="./res/map.css">
		<link rel="stylesheet" type="text/css" href="./res/infos.css">
		<script type="text/javascript" src="res/js/jquery-1.10.1.min.js"></script>

		<script type="text/javascript" src="./res/js/main.js"></script>
		<script type="text/javascript" src="./res/js/evenements.js"></script>

		<!-- Objets JS -->
		<script type="text/javascript" src="./res/js/Objets/Game.js"></script>
		<script type="text/javascript" src="./res/js/Objets/Infos.js"></script>
		<script type="text/javascript" src="./res/js/Objets/Plateau.js"></script>
		<script type="text/javascript" src="./res/js/Objets/TowerManager.js"></script>
		<!-- /Objets JS -->

	</head>
	<body>

		<div class="game">
			<div id="announce"></div>
			<div class="map">
				<routes>
					<!--
					Background fixe du jeu (terrain)
					<route texture="bas-droite" style="left top"></route>
					-->
				</routes>

				<!-- <centre style="left top"></centre> -->

				<sockets>
					<!--
						<ocket style="left: 33px; top: 33px;" direction="S">
							<tour type="4" id="3" placedby="2"></tour>
						</ocket>
					-->
				</sockets>	
				<monstres>
					<!--
						Monstres posés sur le plateau
						Exemple : <monstre type="idMonstre" id="idMonstre" style="left: 33px; top: 33px;"></monstre>
					-->
				</monstres>	  

				<animations>
					
				</animations>
			</div>
			<div class="infos">
				<div class="vague">Vague <level>1</level>-<vague>1</vague></div>
				<div class="details">

					<div class="titlePlayer title"></div>
					<div class="listPlayers">
					</div>

					<div class="titleShop title"></div>
					<div class="cadreShop cadre">
						<div class="tour1 tour dispo" idType="1"></div>
						<div class="tour2 tour dispo" idType="2"></div>
						<div class="tour3 tour" idType="3"></div>
						<div class="tour4 tour" idType="4"></div>
						<div class="tour5 tour" idType="5"></div>
						<div class="tour6 tour" idType="6"></div>
						<div class="tour7 tour" idType="7"></div>
					</div>

					<div class="titleInfos title"></div>
					<div class="cadreInfos cadre">
						<div class="centerLife">
							<div class="avatarCentre"></div>
							<div class="infosCentre">Points de vie : <vie>12</vie>/<viemax>20</viemax></div>
						</div>
					</div>
				</div>
			</div>
			<div class="salon">
				<div class="titre connexion">
					Connexion au serveur...
				</div>
				<div class="titre setUsername" style="display: none;">
					Veuillez entrer votre pseudo<br />
					<input id="in_username" />
					<input type="submit" id="in_submit" value="Entrer"/>
				</div>
				<div class="titre inWait" style="display: none;">
					En attente de joueurs...
				</div>
			</div>
		</div>
		
	</body>
</html>
